Event delegationをnative javascriptのみで実装する

on (JQuery)を使うと、特定の子要素全てに対してaddEventListenerを適用することが出来る。

Event delegationという仕組みのようだtakker.icon

これに対応するNativeの/icons/javascript.icon函数は存在しないが、いくつかの処理を組み合わせれば実現することが出来る

らしいtakker.icon

できた

code:on.js

element.addEventListener('type', e => {

const target = e.target;

if (!target.matches('selector')) return;

// 処理をする

}, {capture: true});

capture phaseを使って子要素のeventを捕捉している

ScrapScriptsの改造で使いたいtakker.icon

Reference

やや冗長